<template>
  <div class="element-ui">
    <el-steps
      :active="2"
      :process-status="disabled ? 'error' : ''"
      align-center
    >
      <el-step
        title="步骤1"
        description="这是一段很长很长很长的描述性文字"
      ></el-step>
      <el-step
        title="步骤2"
        description="这是一段很长很长很长的描述性文字"
      ></el-step>
      <el-step
        title="步骤3"
        description="这是一段很长很长很长的描述性文字"
      ></el-step>
      <el-step
        title="步骤4"
        description="这是一段很长很长很长的描述性文字"
      ></el-step>
    </el-steps>
    <el-button type="primary" @click="pressBtn">切换</el-button>
  </div>
</template>

<script>
export default {
  name: 'index',
  data () {
    return {
      disabled: false
    }
  },
  methods: {
    pressBtn () {
      this.disabled = !this.disabled
    }
  }
}
</script>

<style>
</style>
